body{font-size:14px; background:#fff} *{ margin:0; padding:0; box-sizing: border-box;} img{ border:none;} ul,li{ list-style:none;} .clear{ clear:both} .l{ float:left;} .r{ float:right;} a{ text-decoration:none;} *{margin:0;padding: 0;} html body{width: 100%;font-size: 14px;} .s_width{ width:1300px; margin:0 auto; position:relative} .head{ height:100vh; width:15.2vw; position: fixed; background:rgba(255,255,255,1); top:0; left:0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index:9999;} .head .logo{ width:10vw; margin:0 auto; padding:30px 0 15px 0; border-bottom:1px solid #ebebeb; z-index:3; position:relative} .head .logo img{ width:100%;} .head .lg{ width:20%; margin:1vh auto; line-height:65px; text-align:right; color:#232323; font-size:16px; z-index:3; position:relative; background-image:url(../images/yuyan.jpg) ; background-position:left; background-repeat:no-repeat} .head .lg a{ display:block; color:#232323} .head_phone{ display:none;} .head .nav{ margin:3vh auto 0 auto; overflow: hidden;} .head .nav li{ text-align:center; line-height:40px; box-sizing:border-box;-webkit-box-sizing:border-box;} .head .nav li a{ font-size:17px; color:#2e6abb; display:block; position:relative; z-index:3} .head .nav li a span{ position:relative; z-index:2; display:block;} .head .nav li a:hover{ color:#fff; } .head .nav li a div{ width:100%; height:100%; background:#2e6abb; position:absolute; left:-100%; top:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:1} .head .nav li a:hover div{ left:0; top:0;} .head li a.nav_on:before {position: absolute;content: "";display: block;width: 20px;height: 20px;left: 25%; font-size:13px; transition-duration:.3s; color:#2e6abb; z-index:2; background:url(../images/ww_hui.png); top:50%; margin-top:-10px;} .head li a.nav_on:hover:before{left:75%; background:url(../images/ww.png)} .head .nav_erji { width:150px;text-align:center;color:#4f4f4f;position:absolute; left:0; background:#225999; top:0; height:100%; padding:20vh 0 0 0; box-sizing:border-box; z-index:1; opacity:0} .head .nav li .nav_erji a {display:block;COLOR: #fff; line-height:5vh; height:5vh;font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.1); margin-top:0;} .head .nav li .nav_erji a:hover { font-size: 15px;} .head_bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#fff;} .lanse{ width:100%; height:271px; position:absolute; left:0; bottom:0; z-index:2;} .lanse img{ width: 100%;height: 100%;} .search{ width:70%; border:1px solid #e3e3e3; margin:5vh auto 0 auto; position: relative; z-index:3; background:#fff; } .search .keywords{ padding-left:10px; width:70%; height:40px; line-height: 40px; border:none; margin-left: 5px; color:#c9c9c9 } .search .searchbtn{ position: absolute; height:40px; background: #fff; background-image:url(../images/ss.png); background-position:50% 50%; background-repeat: no-repeat; width:20%; top:0; border: 0px; cursor:pointer; } .head .head_icon{ width:50%; position:absolute; left:50%; margin-left:-25%; bottom:9vh; z-index:4} .head .head_icon li{ width:calc(100%/3); float:left;height:30px;} .head .head_icon li a{ display:block; width:100%; height:30px; text-align:center} .head .banquan{ text-align:center; font-size:14px; color:#fff; line-height:28px; position:absolute; width:100%; bottom:1vh; z-index:4} .footer{ background:#313131; padding:0 0 5px 0} .footer .s_width{ padding:45px 0 56px 0} .footer span{ display:block; color:#fff; line-height:55px; font-size:16px; margin:0 0 15px 0; text-align:left} .footer .p_nav{ width:calc(100%/6); float:left; text-align:right} .footer .p_nav div{ color:#e0e0e0; font-size:13px; line-height:26px; text-align:left} .footer .p_nav a{ color:#cecece; font-size:13px; line-height:26px; text-transform:capitalize; text-align:left} .footer .p_nav a:hover{ color:#fff;} .footer .p_nav img{ margin-top:25px;} .footer_p{ width:100%; text-align:center; background:#55565a; line-height:79px; color:#eaeaea; font-size:13px; text-transform:uppercase} .footer2{ width:100%; background:#313131; padding:15px 0 15px 0; position:fixed; bottom:0; } .footer2 ul{ width:100%;} .footer2 li{width: 25%; float:left; text-align:center} .footer2 li a{ display:block; color:#fff} #tel:before { background: url(../images/007.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: ""; display:block; margin:0 auto;} #sms:before { background: url(../images/003.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: "";display:block; margin:0 auto;} #home:before { background: url(../images/002.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: "";display:block; margin:0 auto;} #map:before { background: url(../images/001.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: "";display:block; margin:0 auto;} #email:before { background: url(../images/006.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: "";display:block; margin:0 auto;} #ding:before { background: url(../images/ding.png) 50% 50% no-repeat; background-size: 24px 22px; width:20px; height:20px; content: "";display:block; margin:0 auto;} .footer2 li .ui-btn { font-size: 12.5px; display: block; margin: 0; border-right-width: 0; } .p_float{ position:fixed; width:50px; bottom:0; right:0; z-index:9999; opacity:0} .p_float li{ height:50px; width:50px; text-align:center; background:rgba(41,132,207,1); position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:5px;} .p_float li i{ display:block; width:50px; height:50px; z-index:2; position:relative} .p_float li:hover{ background:rgba(51,51,51,1); } .p_float li i.fl_top{ background:url(../images/tt.png) no-repeat center center;} .index_right{ width:83.9vw; position:absolute; right:0; overflow: hidden;} .fangan{ background:#f6f7f8; height:65vh;} .fangan h2{ font-weight:normal; width:88%; margin:0 auto; font-size:30px; color:#313131; line-height:145px; padding:35px 0 35px 40px; box-sizing: border-box; background:url(../images/xiaxn.png) no-repeat left center;} .fangan h2 span{ display:block; line-height:70px; font-weight:bold; color:#1d64b7; /*background:url(../images/dd.gif) no-repeat left center;*/ } .fangan h2 span i{font-style:normal; padding:0 0 0 20px; font-family:Impact; text-transform: uppercase; color:#c4c4c4; font-weight:normal; } .fangan h3 a{ font-size:30px; color:#313131;} .fangan ul{ width:93%; margin:0 auto} .fangan li{ width:25%; float:left; position:relative; overflow:hidden;} .fangan li .fangan_text{ width:95%; background:#fff; height:40vh;} .fangan li h3{ font-size:17px; color:#1d1d1d; line-height:58px; text-align:center; padding:15px 0 0 0} .fangan li h3 a{ font-size:17px; color:#1d1d1d;} .fangan li h3 a:hover{ color:#3174c3;} .fangan li p{ text-align:center; color:#868686; font-size:16px; line-height:25px; padding:0 2% } .fangan li .fangan_pic{ width:100%; overflow:hidden;} .fangan li .fangan_pic img{ display:block; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .fangan li:hover .fangan_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .fangan .fangan_read{ width:7.6rem; margin:0 auto; text-align:right; background:url(../images/read.jpg) no-repeat left center; background-size:30%; height:2.3rem;} .fangan .fangan_read a{ line-height:2.3rem; color:#333; font-size:1rem;} .fangan_hover{ width:95%; height:40vh; background:rgba(46,106,187,0.9); position:absolute; left:0; top:-40vh; z-index:2; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .fangan li:hover .fangan_hover{ top:0;} .fangan_hover div{ padding:0 0 0 10%;} .fangan_hover div a{ display:block; float:left; width:45%; text-align:left; color:#fff; font-size:17px; line-height:35px; position:relative; padding:0 0 0 5%; box-sizing:border-box; margin-right:5%;} .fangan_hover div a:hover{ font-weight:bold;} .fangan_hover div a:before{ position: absolute;content: "";display: block;width: 10px;height: 7px;left:0; top:50%; margin-top:-3px; font-size:13px; transition-duration:.3s; color:#fff; z-index:2; transition-duration:.3s; background:url(../images/ee.png); } .fangan_hover div a:hover:before{ left:90%; } .fangan_hover h4{ font-size:24px; color:#fff; line-height:88px; text-align:center; padding:45px 0 0 0} .fangan_hover h4 a{ font-size:24px; color:#fff;} .fangan_hover h4 a:hover{ color:#fff;} .about{ background:#fff;} .about h2{ width:88%; margin:0 auto; font-size:30px; color:#1d64b7; line-height:145px; padding:0 0 0 40px; box-sizing: border-box; background:url(../images/xiaxn.jpg) no-repeat left center;} .about h2 span i{font-style:normal; padding:0 0 0 20px; font-family:Impact; text-transform: uppercase; color:#c4c4c4; font-weight:normal; } .about .about_text{ width:93%; margin:0 auto; background:#f6f7f8; position:relative } .about .about_text .about_pic{ width:45%; margin-left:55%;} .about .about_text .about_pic img{ width:100%;} .about .about_text .about_jia{ position:absolute; right:45%; bottom:0;} .about .about_text .about_cc{ position:absolute; width:45%; left:3%; top:6.5vh} .about .about_text .about_cc2{ display:none;} .about .about_text .about_cc3{ display:none;} .about .about_text .about_cc h3{ background:url(../images/we.jpg) no-repeat left top; padding:20px 0 0 0; font-size:30px; color:#3174c3; font-weight:normal;} .about .about_text .about_cc h3 span{ display:block; width:60px; height:4px; background:#3174c3; margin:20px 0 0 0} .about .about_text .about_cc h4{ padding:2vh 0 0 0; font-size:24px; color:#2b2b2b; font-weight:normal; line-height:9vh;} .about .about_text .about_cc p{ line-height:27px; font-size:15px; color:#6e6e6e} .ff{ background:#fff;} .ff h2{ width:88%; margin:0 auto; font-size:30px; color:#1d64b7; line-height:145px; padding:0 0 0 40px; box-sizing: border-box; background:url(../images/xiaxn.jpg) no-repeat left center;} .ff h2 i{font-style:normal; padding:0 0 0 20px; font-family:Impact; text-transform: uppercase; color:#c4c4c4; font-weight:normal; } .ff_dd{ width:100%; position:relative; overflow:hidden;} .ff_dd_phone{ display:none;} .ff_dd li{ width:400px; float:left; position:relative; cursor:pointer;} .ff_dd li .ff_pic{ position:relative; z-index:1; width: 100%;} .ff_dd li .ff_num{ position:absolute; width:92px; height:92px; left:50%; margin-left:-46px; z-index:99; top:13vh;} .ff_dd li h3{ text-align:center; position:absolute; width:100%; line-height:68px; color:#fff; font-size:24px; z-index:99; top:25vh;} .ff_dd li .ff_cp{ position:absolute; bottom:15vh; width:100%; z-index:98; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .ff_dd li .ff_cp img{ width:auto; max-width:90%; margin:0 auto} .ff_dd li .ff_bg{ width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; position:absolute; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .ff_dd li:nth-child(2n) .ff_bg{ background:rgba(0,0,0,0.6);} .ff_dd li .ff_more{ width:140px; line-height:38px; border:1px solid rgba(255,255,255,0.6); position:absolute; left:50%; margin-left:-60px; bottom:8vh; z-index:3; border-radius:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .ff_dd li .ff_more a{ color:#fff; font-size:16px; text-transform:uppercase} .ff_dd li:hover .ff_cp{ bottom:16vh;} .ff_dd li:hover .ff_more{ bottom:9vh; border:1px solid #e68937; background:#e68937} .ff_dd li:hover .ff_bg { background:rgba(46,106,187,0.9);} .honor{ background:#fff;} .honor h2{ width:88%; margin:0 auto; font-size:30px; color:#1d64b7; line-height:145px; padding:0 0 0 40px; box-sizing: border-box; background:url(../images/xiaxn.jpg) no-repeat left center;} .honor h2 i{font-style:normal; padding:0 0 0 20px; font-family:Impact; text-transform: uppercase; color:#c4c4c4; font-weight:normal; } .honor_dd_phone{ display:none;} .honor_dd{ width:93%; margin:0 auto; position:relative; overflow:hidden;} .honor_dd li{float:left;width:363px; margin-right:12px; position:relative; overflow:hidden; } .honor_dd a{ width:363px; display:block; overflow:hidden;} .honor_dd a div{ width:363px; height:281px; border:1px solid #ededed; overflow:hidden;} .honor_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .honor_dd li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .honor_dd li span{ display:block; font-size:16px; line-height:55px; color:#fff; background:#3174c3; text-align:center} .news{ } .news h2{ width:88%; margin:0 auto; font-size:30px; color:#1d64b7; line-height:145px; padding:0 0 0 40px; box-sizing: border-box; background:url(../images/xiaxn.jpg) no-repeat left center;} .news h2 i{font-style:normal; padding:0 0 0 20px; font-family:Impact; text-transform: uppercase; color:#c4c4c4; font-weight:normal; } .news ul{ width:93%; margin:0 auto; } .news li{ width:calc(100%/3); float:left; } .news li .news_da{ width:91%; border:1px solid #ededed; background:#fff; padding:35px 30px; box-sizing:border-box} .news li .news_da h3{ line-height:45px;} .news li .news_da h3 a{ font-size:18px; color:#424242} .news li .news_da span{ display:block; font-size:14px; color:#888888} .news li .news_da p{ font-size:14px; line-height:25px; text-indent:28px; color:#888888; padding:23px 0} .news li .news_da .news_more{ width:120px; border:2px solid #3174c3; line-height:32px; text-align:center;} .news li .news_da .news_more a{ font-size:12px; color:#888888; text-transform:uppercase} .news .news_d_more{ width:88%; margin:0 auto;background:url(../images/xiaxn2.jpg) no-repeat left center; padding:40px 0 50px 0} .news .news_d_more a{ display:block; color:#fff; font-size:16px; width:180px; margin:0 auto; line-height:44px; background:#e59751; text-align:center; border-radius:80px;} .hezuo{ background:#f0f0f0} .hezuo h2{ font-weight:normal; width:88%; margin:0 auto; font-size:30px; color:#313131; line-height:145px; text-align:center; cursor:pointer;} .hezuo h2:hover{ color:#1073c8} .hezuo .hezuo_dd{ width:83%; margin:0 auto; position:relative; overflow:hidden; } .hezuo .hezuo_dd_phone{ display:none;} .hezuo li{ width:270px; float:left; text-align:left } .hezuo li img{ width:90%; margin:0 auto} .hezuo li:nth-child(4){} .hezuo .hezuo_add{ width:83%; margin:0 auto; padding:35px 0} .hezuo_add .add{ width:78%; padding:35px 0 0 0} .hezuo_add .add li{ width:calc(100%/3); position:relative; text-align:left; padding:0 0 0 60px;} .hezuo_add .add li img{ display:block; width:47px; height:47px; position:absolute; left:0; top:0;} .hezuo_add .add li span{ display:block; line-height:20px; color:#707070; font-size:14px;} .hezuo_add .add li p{ font-size:15px; color:#383838; line-height:30px;} .hezuo_add .add_er{ width:22%;} .hezuo_add .add_er img{ width:40%;} .value{ background:#fff; padding:58px 0 70px 0} .value h2{ font-weight:normal; text-align:center; padding:0 0 65px 0} .value h2 span{ display:block; font-size:36px; color:#111111; line-height:65px;} .value h2 p{ font-size:15px; color:#727272; width:80%; margin: 0 auto; } .value ul{ width:1280px; margin:0 auto 20px auto; } .value li{ width:49%; line-height:28px; font-size:14px; box-sizing:border-box; color:#737373; margin:0 1% 13px 0; background:#f1f5fa; position:relative;} .value li .value_p{ width:49%; position:absolute; right:2%; top:55px; color:#525252; font-size:14px;} .value li .value_pic{ width:271px;} .value li .value_pic img{ display:block; width:100%;} .value li .value_more{ position:absolute; width:49%; right:2%; bottom:35px;} .value .value_read{ width:7.6rem; margin:0 auto; text-align:right; background:url(../images/read.jpg) no-repeat left center; background-size:30%; height:2.3rem;} .value .value_read a{ line-height:2.3rem; color:#333; font-size:1rem;} .su_nav{ width:100%; border-top:#dcdcdc solid 1px;} .su_nav li{ width:calc(100%/4); float:left; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; border-left:#dcdcdc solid 1px; padding:75px 0 75px 0; cursor:pointer;} .su_nav li:nth-child(4){ border-right:#dcdcdc solid 0;} .su_nav li div{ width:13%; margin:0 auto 10px auto;} .su_nav li div img{ width:100%; display:block} .su_nav li span{ display:block; font-size:18px; color:#404040; line-height:65px;} .su_nav li p{ font-size:14px; line-height:24px; width:43%; margin:0 auto; color:#8e8e8e} .se_nav_da{ border-bottom:1px solid #efefef} .se_nav{ width:1300px; margin:0 auto; height:100px;} .se_nav .about_nav{ float:left; line-height:100px;} .se_nav p{ float:right; text-align:right; line-height:100px; color:#777; padding:0 0 0 25px; background:url(../images/map1.png) no-repeat left center} .se_nav p a{ color:#777} .se_nav p a:hover{ color:#023f98} .se_nav_da2{ display:none;} .about_nav{} .about_nav li{ width:100px; float:left; padding-right:10px;} .about_nav li a{ font-size:15px; color:#333; line-height:100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative; height:100px;} .about_nav li a:hover{ color:#ff0000} .about_nav li a span{ display: block;background-image: url(../images/jia-iconbg.jpg); background-repeat:no-repeat; float:left; margin-right:20px;} .about_nav li a span i{ background-image: url(../images/jia-icon2.png);display: block; width: 60px; height: 60px; background-repeat: no-repeat;} .about_nav li a:hover span{ background-position: left bottom;} .about_nav li.honor_li a span{ background-position: left bottom;} .about_nav li a:hover p{color: #014099;} .about_nav li a:after {position: absolute;right: 10px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top; width: 1px;height: 14px;background: #ccc; } .about_nav li:nth-child(4) a:after { opacity:0; display:none; } .about_nav li a:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #d50a1d; transition-duration:.3s;} .about_nav li a:hover:before{ width: 60px; left: 0; } .about_nav li.on a:before {width: 60px; left: 0;} .about_nav li.on a{ color:#ff0000} .flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; /* display: flex; */ /* flex-wrap: wrap; */ justify-content: space-between; } /*se_about*/ .se_about{ justify-content: flex-end; position:relative; margin:100px 0 50px 0} .se_about_pic{ flex:0 0 50%;} .se_about_pic img{ display:none} .se_about_bg{ height:700px; background:url(../images/jj2.jpg) no-repeat center top;} .se_about_con i{ display:block; width:120px; line-height:34px; background:#d50a1d; text-align:center; color:#fff; font-size:15px; font-style:normal;} .se_about_con h2{ line-height:105px; font-size:38px; color:#2365b3; } .se_about_text { font-size:16px; color:#666; line-height:30px;} .se_about2{ display:none;} /*se_honor*/ .se_honor{ position:relative; background:#f6f9fd; padding:35px 0 0 0 } .se_honor h2{ text-align:center; font-size:38px; color: #0e52b6; font-weight:normal; line-height:65px; padding:0 0 30px 0; cursor:pointer;} .se_honor_con{ width:100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .se_honor_con li{ width:calc(100%/4); float:left; border-right:1px solid #eee; box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 0 20px 0} .se_honor_con li .se_honor_pic{ width:85%; margin:30px auto 10px auto} .se_honor_con li .se_honor_pic img{ display:block; width:100%; } .se_honor_con li h3{ text-align:center; font-size:18px; color: #444; font-weight:normal; line-height:55px;} /*se_news*/ .se_news{ position:relative; padding:35px 0 0 0 } .se_news h3{ padding:50px 0; text-align:center; font-size:36px; color:#393939; font-weight:normal;} .se_news h3 a{ font-size:36px; color:#0e52b6; } .se_news_con{ padding:0 0 20px 0; width:1300px; margin:0 auto} .se_honor_con2{ display:none} .se_news_con ul{ } .se_news_con li{ width:48%; float:left; position:relative; overflow:hidden; cursor: pointer; margin:0 2% 35px 0; position:relative; top:0; border: 1px solid #dde0e4;padding: 0 0 30px 0;} .se_news_con li:nth-child(2n){ margin:0 0 35px 0; } .se_news_text{ width:93%; margin:0 auto;} .se_news_text h2{ font-size:14px; color:#555555; padding:10px 0 10px 0; font-weight:normal;} .se_news_text h2 a{ font-size:16px; color:#393939; text-transform:uppercase; display:block; line-height:40px; font-weight:normal} .se_news_text h2 a:hover{ color:#0e59b5; } .se_news_text div{ background:url(../images/zhong.jpg) no-repeat left center; line-height:30px; padding:0 0 0 40px; text-transform:uppercase; font-size:14px; color:#a4a4a4} .se_news_text p{ line-height:28px; font-size:15px; text-indent:30px; color:#787878; padding:10px 0 0 0} .se_news_more{ width:10%; margin:0 auto 45px auto; height:45px; line-height:45px; background:#1073c8; text-align:center; border-radius:45px;} .se_news_more a{ color:#fff; font-size:15px;} /*se_pindao*/ .se_pindao{ background:#f5f5f5; padding:0 0 0 0 } .se_pindao ul{ width:75%; margin:0 auto; } .se_pindao li{ width:calc(100%/3); float:left; margin:0 0 40px 0; cursor:pointer} .se_pindao_pic{ width:95%; margin:0 auto; overflow:hidden; background:#fff } .se_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pindao_text{ width:95%; margin:0 auto; padding:5px 20px 5px 20px; box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff ; } .se_pindao_text h3{ font-size: 18px;line-height:45px;color: #555; font-weight:normal; text-align:center} .se_canshu{ line-height:33px; padding:0 0 0 40px; color:#555; font-size:15px;} .can_a{ background:url(../images/can_a.png) no-repeat left center;} .can_b{ background:url(../images/can_b.png) no-repeat left center;} .can_c{ background:url(../images/can_c.png) no-repeat left center;} .can_d{ background:url(../images/can_d.png) no-repeat left center;} .se_bg{ height:650px; background:url(../images/se_bg.jpg) no-repeat center top; padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;} .se_bg_con{ width:82%; position:relative; height:450px; margin:0 auto;} .se_bg_text{ width:47%; position:absolute; left:0; top:20px; height:400px;} .se_miaoshu{ color:#555; font-size:15px; line-height:32px;} .se_miaoshu strong{ display:block; font-size:16px; line-height:35px; color:#555;} .se_miaoshu p{ } .se_bg_pic{ width:49%; height:450px; position:absolute; right:0; top:0;} .se_bg_pic img{ z-index:2; position:relative; width:100%; max-width:600px;} .se_bg_pic div{ width:100%; height:100%; position:absolute; right:-10px; bottom: -10px; background:#186dbf; z-index:1} .se_bg_text h3{ font-size:33px; line-height:125px; color:#333} .se_bg_text .se_canshu{ font-size:22px; color:#fff; line-height:43px;} .se_bg_tel{ position:absolute; bottom:0; left:0; height:55px; line-height:55px; width:60%; background:#e7652b; text-align:center; font-size:24px; color:#fff; border-radius:5px; cursor:pointer;} .se_bg2{ display:none;} .se_contact{ width:80%; position: relative ; margin:0 auto; padding:0 0 90px 0} .se_contact2{ display:none;} .a_bg{ height:519px; background:url(../images/a_bg.jpg) no-repeat center center;padding:150px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .a_bg_con h2{ font-size:40px; line-height:85px; color:#fff; } .a_bg_con span{ display:block; width:65px; height:4px; background:#fff; margin:0 auto 48px auto} .a_bg_con p{ font-size:15px; line-height:30px; color:#fff; margin:0 10px;} .c_bg{ height:400px; background:url(../images/c_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .n_bg{ height:400px; background:url(../images/n_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .j_bg{ height:400px; background:url(../images/j_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .k_bg{ height:400px; background:url(../images/k_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .s_bg{ height:400px; background:url(../images/s_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .p_bg{ height:519px; background:url(../images/p_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .l_bg{ height:400px; background:url(../images/l_bg.jpg) no-repeat center center;padding:110px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center;} .guding{ background:url(../images/jia-bg.jpg); height:120px; position:absolute; width:100%;z-index:9} .guding2{ display:none;} .prod_nav{width:60%; position: relative ; margin-left:20%; } .prod_nav li{ width:calc(100%/3);text-align:center; line-height:120px; float:left; display: block; color:#444;} .prod_nav li.cu_active{ color:#186dbf;} .prod_nav li a{ color:#fff; font-size:20px; display:block} .prod_nav li.cu_active a{ color:#fff; font-weight:bold} .pro_nav{ position:relative; z-index:111} .pro_nav ul{ width:90%; margin:0 auto} .pro_nav li.honor_li{ border-bottom:2px solid #186dbf} .pro_nav li.honor_li a{ color:#186dbf} .cage_list{ background:#fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 15px rgba(0,0,0,0.1); position:relative; z-index:99999} .cage_list .cage_list_con{ width:1280px; margin:0 auto} .pro_type{ float:left;width:calc(100%/7); text-align:center; position:relative; } .pro_type a{ font-size:18px; color:#777; line-height:140px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block} .pro_type a:hover{ color:#fff; background:#2d71bc} .pro_type .child_menu{position:absolute;top:100%;left:50%; margin-left:-50%;overflow:hidden;z-index:99999;height:0;width:100%;} .pro_type .child_menu a{ font-size:14px; font-weight:normal; color:#fff; background:#2d71bc; height:35px; line-height:35px; border-bottom:1px solid #4686ca} .pro_type .child_menu a:hover{background:#17589d; color:#fff; border-bottom:1px solid #2568af} .pro_type a.honor_li{ background:#2d71bc; color:#fff} .fang_nav ul{ width:65%; margin:0 auto} .pro_type2{ float:left;width:calc(100%/4); text-align:center; position:relative; padding:40px 0;} .pro_type2 a{ font-size:18px; color:#777; line-height:60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block} .pro_type2 a:hover{ color:#186dbf} .pro_type2 .child_menu{position:absolute;top:100%;left:50%; margin-left:-40%;overflow:hidden;z-index:99999;height:0;width:86%;} .pro_type2 .child_menu a{ font-size:14px; font-weight:normal; color:#fff; background:#2d71bc; height:35px; line-height:35px; border-bottom:1px solid #4686ca} .pro_type2 .child_menu a:hover{background:#17589d; color:#fff; border-bottom:1px solid #2568af}{ float:left;width:calc(100%/7); text-align:center; position:relative; padding:40px 0;} .pro_type2 a{ font-size:18px; color:#777; line-height:60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block} .pro_type2 a:hover{ color:#186dbf} .pro_type2 .child_menu{position:absolute;top:100%;left:50%; margin-left:-50%;overflow:hidden;z-index:99999;height:0;width:100%;} .pro_type2 .child_menu a{ font-size:14px; font-weight:normal; color:#fff; background:#2d71bc; height:35px; line-height:35px; border-bottom:1px solid #4686ca} .pro_type2 .child_menu a:hover{background:#17589d; color:#fff; border-bottom:1px solid #2568af} .pro_type2 a.honor_li{ background:#2d71bc; color:#fff} .fang_nav div.honor_li{ border-bottom:2px solid #186dbf} .fang_nav div.honor_li a{ color:#186dbf} .pro_nav2{ display:none;} .product_title{ text-align:center; font-size:26px; color:#2984cf; padding:50px 0 40px 0} .product_title h2{ font-weight:normal; text-align:center; font-size:36px; color:#186dbf; text-transform:capitalize; line-height:85px;} .product_title h2 a{ font-size:36px; color:#186dbf;} .product_title h2 a:hover{ color:#555;} .product_title span{ width:100px; margin:0 auto; display:block; height:1px; background:#186dbf} .newsnei .s_width{ overflow:hidden;} .newsnei_con{ width:1300px; margin:0 auto} .newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .newsnei_con_l{ overflow:hidden;} .newsnei_con_b{ width:100%; padding:8px 0 20px 0; box-sizing:border-box;-webkit-box-sizing:border-box;} .newsnei_con_b i{ font-style:normal; font-weight:bold; color:#333; display:block; line-height:55px; z-index:2; position:relative; font-size:17px; margin:0 25px; text-transform:capitalize} .newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; text-indent:28px; color:#7c7c7c; padding:0 0 10px 0 } .newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777} .se_news_xiangqing{ width:1300px; margin:0 auto} .se_news_xiangqing_l{ width:18%;} .se_news_xiangqing_l p{ background:url(../images/xian2.jpg) no-repeat left center; color:#666; font-size:18px; margin:70px 0 0 0 ;padding:0 0 0 115px;} .se_news_xiangqing_c{ width:80%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;-webkit-box-sizing:border-box; padding:60px 45px;} .se_news_xiangqing_c h1{ font-weight:normal; text-align:center} .se_news_xiangqing_r{ width:18%; padding:50px 0 0 30px;} .se_news_xiangqing_r h3{ font-size:17px; font-weight:normal; color:#555; line-height:75px;} .se_news_xiangqing_r li h2{ font-size:14px; font-weight:normal; line-height:30px; padding:0 0 0 25px;} .se_news_xiangqing_r li{ color:#999; background:url(../images/cc_m_jia.png) no-repeat left 12px; } .se_news_xiangqing_r li h2 a{ color:#666} .se_fanhui{ width:100px; margin:0 auto; line-height:45px; background:#106ab6; text-align:center} .se_fanhui a{ color:#fff} .se_fanhui a:hover{ color:#fff} .se_contact li{ line-height:58px; height:58px; border-bottom:1px solid #eee; margin:0 20px 0 0; position:relative; font-size:18px; color:#444} .se_contact li p{ } .se_contact strong{ font-size:38px; color:#444; line-height:65px; display:block; margin-bottom:30px;} .fenye{ padding:40px 0 40px 0; font-size:14px; background: #fff;} .se_xiangqing{ width:82%; margin:0 auto; padding:120px 0 0 0} .se_xiangqing_l{ width:75%;} .se_xiangqing_r{ width:20%; background:#f7f7f7; margin:30px 0 0 0; padding:0 0 30px 0} .se_xiangqing_r h3{ font-size:24px; color:#333; text-align:center; line-height:75px;} .se_xiangqing_r li{ width:85%; margin:0 auto 10px auto} .se_xiangqing_r .se_xiangguan_pic{ background:#fff} .se_xiangqing_r .se_xiangguan_pic img{ width:100%;} .se_xiangqing_r h4{ font-size:15px; color:#444; text-align:center; line-height:45px; background:#fff; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow:ellipsis} .guding_title{ font-size:30px; color:#186dbf; margin-bottom:40px;} .second_img{ text-align:center} .second_img img{ max-width:85%; margin:0 auto} .second_text{ font-size:16px; line-height:30px; color:#555;} .espcms_page2 table td{border: 1px solid #ccc; padding:5px 15px; line-height:30px; box-sizing:border-box; font-size:15px;} .espcms_page2 table { border-collapse: collapse; border-spacing: 0; margin-bottom: 20px;} .se_jishu{ width:80%; margin:0 auto; padding:80px 0; font-size:17px; line-height:55px; font-weight:bold; color:#3174c3} .se_hezuo{ width:85%; margin:0 auto; } .se_hezuo img{ max-width:1300px; width:100%;} .se_why{ width:85%; margin:0 auto 90px auto;} .se_why h2{ text-align:center; font-size:38px; color: #0e52b6; font-weight:normal; line-height:65px; padding:0 0 30px 0} .se_why p{ font-size:15px; color:#666; line-height:33px; } .se_why p strong{ font-size:22px; } .se_why .se_why_l{ width:47%; border:1px solid #eee; padding:30px 38px; box-sizing:border-box; height:421px} .se_why .se_why_r{ width:47%; border:1px solid #eee; padding:30px 38px; box-sizing:border-box; height:421px} .se_address{ display:none;} .zibg_weizhi { font-size:15px; color:#444; line-height:55px; width: 82%;} .zibg_weizhi a { font-size:15px; color:#444} .guding_jianjie{ background:#f7f7f7; line-height:26px; color:#666; font-size:14px;} .guding_canshu{ background:#fff; line-height:26px; color:#666; margin-top:55px;} .guding_jianjie ul{} .guding_jianjie li{ width:400px; float:left; background:url(../images/about-icon.png) no-repeat left center;} .guding_jianjie li a{ color:#186dbf; font-size:15px; padding:0 0 0 20px;} .se_ditu2{ display:none;} .canshu_hidden{ display:block;} .canshu{ display:none;} @media only screen and (min-width:1600px)and (max-width:1920px){ /**/ .se_about_con{ position: absolute; left: 50%; top: 0; margin-left: -650px; width: 1300px; padding-right: 710px;} } @media only screen and (min-width:1300px)and (max-width:1600px){ /**/ .se_about_con{ position: absolute; left: 50%; top: 0; margin-left: -550px; width: 1100px; padding-right: 550px;} .se_nav{ width:1100px;} .se_news_con{width:1100px; margin:0 auto} } @media only screen and (min-width:1300px){ /**/ .newsnei_con li{float:left; padding:0; width:400px; position:relative; overflow:hidden; background:#fff; margin:0 48px 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer; border:1px solid #eee; padding:15px 0} .newsnei_con li:nth-child(3n){ margin:0 0 30px 0;} } @media only screen and (max-width:1300px){ /**/ .se_nav_da2{ display:block; border-bottom: 1px solid #efefef;} .se_nav_da{ display:none;} .value ul{ width:90%;} .value li{ float:left; } .value li .value_pic{ width:45%;} .value li .value_p{ top:2vw; line-height:22px; font-size:13px;} .value li .value_more{ bottom:1vw;} .su_nav li p{ display:none;} .su_nav li div{ width:23%;} .footer .s_width{ width:90%;} .footer .footer_p{ width:90%;} .se_about{ display:none;} .se_about2{ display:block; margin:100px 0} .se_about_pic{ flex:0 0 100%;} .se_about_bg{ display:none;} .se_about_pic img{ display:block; width:100%;} .se_about_con{ width:94%; margin:0 auto; margin-bottom:50px;} .se_news_con{ width:90%; margin:0 auto} .se_nav{ width: 95%;margin: 0 auto} .newsnei_con{ width:95%; margin:0 auto} .newsnei_con li{float:left; padding:0; width:48%; position:relative; overflow:hidden; background:#fff; margin:0 2% 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer; border:1px solid #eee;} .newsnei_con li:nth-child(2n){ margin:0 0 30px 0;} .se_news_xiangqing{ width:95%; margin:0 auto} .se_news_xiangqing_l{ width:18%; display:none} .se_news_xiangqing_r{ display:none} .espcms_page_location{ display:none;} .p_bg_con{ width:95%; position:relative; height:450px; margin:0 auto; padding:70px 0 0 0;} .s_width{ width:95%; } .pro_nav ul{ width:95%;} .se_pindao ul{ width:95%; margin:0 auto; } .footer2{ display:none} .se_bg_con{ width:95%; position:relative; height:450px; margin:0 auto;} .se_bg_text{ width:48%; position:absolute; left:0; top:20px; height:400px;} .se_bg_pic{ width:50%; height:450px; position:absolute; right:0; top:0;} .se_bg_pic div{ display:none;} .se_bg_tel{ font-size:2vw; width:80%;} .se_bg_text h3{ font-size:2vw} .se_bg_text .se_canshu{ font-size:1.7vw} .se_xiangqing{ width:95%;} .head .top_right{ display:block; width:30px; position: absolute; right:200px; top:30px; height:40px; display:block; z-index:10000} .head .top_right img{ width:100%;} .right_menu{ position: fixed; left: 100%; top: 60px; z-index: 999; overflow: hidden; width: 100%; display:block} .right_menu ul{ width: 100%; box-sizing: border-box; padding:110px 0 0 0;background-color:rgba(0,0,0,0.8); height: 530px; } .right_menu ul li{list-style-type:none; width: 90%; margin: 0 5%; line-height: 40px; border-bottom: 1px solid #5b5b5b;} .right_menu ul li.onn{border-bottom: 0 solid #555;} .right_menu ul li.onn a{color: #eee;} .right_menu ul li a{ background-size: 20px !important; color: #eee; padding:0 0 0 0; font-size:14px;} .hei{ height: 530px !important;} .right_menu ul li div{ border-bottom: 1px solid #5b5b5b; padding:0 0 5px 0} .right_menu ul li.onn div a{ padding:0; width:30%; line-height:24px; display:block; float:left; color: #eee; font-size:12px;} .ff li .ff_cp{ display:none;} } @media only screen and (max-width:1740px){ /**/ .about .about_text .about_cc{ display:none;} .about .about_text .about_cc2{ position:absolute; width:45%; left:3%; top:6.5vh; display:block} .about .about_text .about_cc2 h3{ background:url(../images/we.jpg) no-repeat left top; padding:20px 0 0 0; font-size:30px; color:#3174c3; font-weight:normal;} .about .about_text .about_cc2 h3 span{ display:block; width:60px; height:4px; background:#3174c3; margin:20px 0 0 0} .about .about_text .about_cc2 h4{ padding:2vh 0 0 0; font-size:24px; color:#2b2b2b; font-weight:normal; line-height:9vh;} .about .about_text .about_cc2 p{ line-height:27px; font-size:1vw; color:#6e6e6e} .head .lg{ width:30%; margin:1vh auto;} } @media only screen and (max-width:1540px){ /**/ .se_contact{ display:none;} .se_contact2{ display:block;} .se_contact2 ul{ width:90%; margin:0 auto} .se_contact2 li{ line-height:58px; height:58px; border-bottom:1px solid #eee; margin:0 20px 0 0; position:relative; font-size:2vw; color:#444} .se_contact2 li p{ font-size:1.8vw; } .se_contact2 strong{ font-size:3vw; color:#444; line-height:65px; display:block; margin-bottom:30px;} .se_ditu{ width:70%; margin:20px auto} .se_bg_tel{ font-size:2vw; width:80%;} .se_bg_text h3{ font-size:2.8vw} .se_bg_text .se_canshu{ font-size:1.8vw} .ff li .ff_cp{ width:70%; left:50%; margin-left:-35%;} } @media only screen and (max-width:1450px){ /**/ .fangan li p{ text-align:center; color:#868686; font-size:1.7vh; line-height:3vh;padding: 0 25px; } } @media only screen and (max-width:1350px){ /**/ .head .nav li{ text-align:center; line-height:30px; box-sizing:border-box;-webkit-box-sizing:border-box;} .head .nav li a{ font-size:13px;} .se_news_xiangqing_l{ display:none} .se_news_xiangqing_r{ display:none} .se_news_xiangqing_c{ width:99%; padding: 60px 25px; box-sizing:border-box} } @media only screen and (max-width:1111px){ /**/ .se_bg_tel{ font-size:2vw; width:80%;} .se_bg_text h3{ font-size:2.8vw} .se_bg_text .se_canshu{ font-size:1.8vw} .ff_dd{ display:none;} .ff_dd_phone{ display:block;} .ff_dd_phone_cage ul{} .ff_dd_phone_cage li{ float:left; width:calc(100%/3); margin-bottom:5px;} .ff_dd_phone_cage li a{ width:95%; margin:0 auto; display:block; background:#137AD9; line-height:35px; text-align:center; font-size:15px; color:#fff; } } @media only screen and (max-width:1000px){ /**/ .head .nav li a{ font-size:1.5vw;} .value ul{ width:90%;} .value li{ width:100%; line-height:28px; box-sizing:border-box; color:#737373; margin:0 0 13px 0; background:#f1f5fa; position:relative;} .value li .value_pic{ width:25%;} .value li .value_p{ width:65%; top:3vw; font-size:14px; line-height: 25px;} .value li .value_more{ width:65%; bottom:3vw;} .su_nav li{ width:calc(100%/2); border-bottom:#dcdcdc solid 1px;} .su_nav li div{ width:23%;} .se_news_more{ width:20%; } .newsnei_con_b i{font-size: 15px;} .se_address{ display:block; background: #f5f5f5;} .se_address h2{ padding:0 0 30px 0; font-size:18px; color:#0E63A8; text-align:center; font-weight:normal;} .se_address ul{ width:90%; margin:0 auto; padding:0 0 25px 0} .se_address li{ width:50%; float:left; margin:0 0 10px 0;} .se_address li a{ line-height:28px; display:block; border:1px solid #ccc; text-align:center; font-size:15px; color:#777; width:95%; margin:0 auto;} .se_bg{ display:none;} .se_bg2{ padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; display:block} .se_bg_pic2{} .se_bg_pic2 img{ z-index:2; position:relative; width:100%; max-width:600px;} .se_bg_tel2{ font-size:3.8vw; width:90%;} .se_bg_text2 h3{ font-size:24px; line-height:125px; color:#333; text-align:center} .se_bg_text2 .se_canshu{ font-size:18px} .se_bg_pic2{ width:100%; position:relative; border:1px solid #eee; text-align:center} .se_bg_text2{ width:90%; margin:0 auto; position:relative; padding:0 0 25px 0} .se_bg_tel2{ height:55px; line-height:55px; width:100%; background:#e7652b; text-align:center; font-size:16px; color:#fff; border-radius:5px; margin:30px 0; cursor:pointer;} .se_bg_text2 .se_canshu{ color:#fff} .guding{ display:none;} .guding2{ display:block; background:#1768b3} .prod_nav{width:92%; position:relative ; margin-left:0} .guding_canshu{ margin-top:0;} .se_miaoshu{ padding:35px 0 0 0} .se_xiangqing{ padding:20px 0 0 0} .se_xiangqing_r{ display:none;} .se_xiangqing_l{ width:100%;} .guding_title{ font-size:18px;} .second_img img{ width:95%;} .prod_nav li a{ font-size:16px;} .espcms_page2 table td{ font-size:14px; line-height:26px;} .fang_nav ul{ width:95%;} .pro_type2{padding:10px 0;} .pro_type2 a{ font-size:15px;} .se_pindao_text h3{ font-size:2vw; line-height:55px; color:#333} .se_canshu{ font-size:1.5vw;} .se_pindao li{ width:calc(100%/2); float:left; margin:0 0 20px 0; cursor:pointer} .p_bg{ display:none;} .p_bg2{ display:block; margin-top:80px; box-sizing:border-box;-webkit-box-sizing:border-box;} .p_bg2 img{ width:100%;} .p_bg_con{ width:100%; position:relative; padding:30px 0 20px 0; height: auto;} .p_bg_con h2{ font-size:6vw; line-height:15vw; color:#333; text-align:center } .p_bg_con span{ display:block; width:65px; height:4px; background:#333;margin:0 auto 28px auto;} .p_bg_con p{ font-size:15px; line-height:30px; color:#666; width:90%; margin:0 auto; text-align:center} .pro_nav{ display:none;} .pro_nav2{ padding: 0; background:#116eb5; display:block;} .pro_nav2 li{ width:calc(100%/2); float:left; box-sizing:border-box;-webkit-box-sizing:border-box; border-bottom:1px solid #0c61a3; border-right:1px solid #0c61a3; text-align:center} .pro_nav2 li a{ text-align:center; font-size:15px; color:#fff; line-height:50px;} .head{ display:none;} .head_phone{ display:block; height:80px; width:100%; position: fixed; background:rgba(255,255,255,1); top:0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index:999999;} .head_phone .logo,.head_phone .index_search{ position:absolute} .head_phone .logo{top:10px; left:2%; width:20%;} .head_phone .logo img{ max-width:100%; } .head_phone .top_right{ display:block; width:30px; position: absolute; right:180px; top:30px; height:40px; display:block; z-index:10000} .head_phone .top_right img{ width:100%;} .head_phone .index_search{ width:160px; height:80px; line-height:80px; top:0; right:0} .head_phone .index_search .cn{ width:80px; height:80px; right:80px; position:absolute; top:0; text-align:center; background:#023f98} .head_phone .index_search .en{ width:80px; height:80px; right:0; position:absolute; top:0; text-align:center; background:#313131} .head_phone .index_search a{ font-size:15px; color:#fff} .head_phone .index_search a:hover{ color:#2381ce} .index_right{ width:100%; top:80px;} .fangan{ height:95vh} .fangan ul{width: 97%;margin:0 auto;} .fangan li{ width:50%; float:left; position:relative; overflow:hidden;} .fangan_hover{ display:none;} .fangan h2{ font-size:24px; padding:15px 0 15px 40px; } .fangan h2 span{line-height: 45px;} .fangan li .fangan_text{ height:42vh; margin:0 auto} .fangan li h3{ line-height:38px; padding:5px 0 0 0; font-weight:normal;} .fangan li p{ padding: 0 10px; } .about h2{ font-size:24px; padding:15px 0 15px 40px; line-height: 45px; } .about h2 span{line-height: 45px; font-size: 18px;} .about .about_text .about_pic{ width:100%; margin-left:0} .about .about_text .about_cc2{ display:none;} .about .about_text .about_cc3{ display:block;} .about .about_text .about_cc3{ padding:25px 15px 35px 15px ;} .about .about_text .about_cc3 h3{ background:url(../images/we.jpg) no-repeat left top; padding:20px 0 0 0; font-size:16px; color:#3174c3; font-weight:normal; background-size:50%} .about .about_text .about_cc3 h3 span{ display:block; width:60px; height:4px; background:#3174c3; margin:20px 0 0 0} .about .about_text .about_cc3 h4{ padding:2vh 0 0 0; font-size:16px; color:#2b2b2b; font-weight:normal; line-height:9vh;} .about .about_text .about_cc3 p{ line-height:27px; font-size:15px; color:#6e6e6e} .about .about_text .about_jia{ display:none;} .ff h2{ font-size:18px; line-height:78px; } .honor h2{ font-size:24px; padding:15px 0 15px 40px; line-height: 45px; } .honor h2 span{line-height: 45px; font-size: 18px;} .honor_dd{ display:none;} .honor_dd_phone{ display:block;} .news h2{ font-size:24px; padding:15px 0 15px 40px; line-height: 45px; } .news h2 span{line-height: 45px; font-size: 18px;} .news li{ width:calc(100%/1); float:none; margin:0 0 5px 0} .news li .news_da{ width: 100%; padding:15px 20px;} .news li .news_da h3 a{ font-size:16px; font-weight:normal;} .news li .news_da p{ padding: 13px 0;} .news .news_d_more a{ width: 130px; font-size: 15px;} .news .news_d_more a{ line-height:34px;} .hezuo .hezuo_dd{ display:none;} .hezuo .hezuo_dd_phone{ display:block;} .hezuo .hezuo_dd_phone li{ width:33%; float:left; margin:0 0 5px 0} .hezuo .hezuo_dd_phone li img{ display:block; width:95%; margin:0 auto} .hezuo .hezuo_add{ display:none;} .footer_p{ line-height:25px; padding:15px 0} .a_bg{ height:219px; background:url(../images/a_bg.jpg) no-repeat center center;padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .a_bg_con h2{ font-size:20px; line-height:45px; } .a_bg_con span{ height:2px; margin:0 auto 28px auto} .a_bg_con p{ font-size:14px; line-height:24px;} .n_bg{ height:219px; background:url(../images/n_bg.jpg) no-repeat center center;padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .n_bg h2{ font-size:20px; line-height:45px; } .n_bg span{ height:2px; margin:0 auto 28px auto} .n_bg p{ font-size:14px; line-height:24px;} .c_bg{ height:219px; background:url(../images/c_bg.jpg) no-repeat center center;padding:40px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .c_bg h2{ font-size:20px; line-height:45px; } .c_bg span{ height:2px; margin:0 auto 28px auto} .c_bg p{ font-size:14px; line-height:24px;} .j_bg{ height:219px; background:url(../images/j_bg.jpg) no-repeat center center;padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .j_bg h2{ font-size:20px; line-height:45px; } .j_bg span{ height:2px; margin:0 auto 28px auto} .j_bg p{ font-size:14px; line-height:24px;} .s_bg{ height:219px; background:url(../images/j_bg.jpg) no-repeat center center;padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .s_bg h2{ font-size:20px; line-height:45px; } .s_bg span{ height:2px; margin:0 auto 28px auto} .s_bg p{ font-size:14px; line-height:24px;} .l_bg{ height:219px; background:url(../images/j_bg.jpg) no-repeat center center;padding:50px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background-size:250%;} .l_bg h2{ font-size:20px; line-height:45px; } .l_bg span{ height:2px; margin:0 auto 28px auto} .l_bg p{ font-size:14px; line-height:24px;} .se_about2{ margin: 50px 0;} .se_news{ padding:0 0 0 0} .se_news h3{ padding:15px 0} .head .lg{ width:30%; margin:1vh auto;} .canshu_hidden{ display:none;} .canshu{ display:block;} } @media only screen and (max-width:900px){ /**/ .fangan{ height:95vh} .fangan h2{ font-size:18px; padding:15px 0 15px 40px; } .fangan li h3 a{ font-size:16px;} .fangan li .fangan_text{ height:41vh; margin:0 auto} .honor h2{ font-size:18px;} .honor h2 span{ font-size: 16px;} .news h2{ font-size:18px; padding:15px 0 15px 40px; line-height: 45px; } .news h2 span{line-height: 45px; font-size: 16px;} .hezuo h2{ font-size:18px; line-height: 75px;} .se_why h2{ font-size:18px; line-height:35px; padding:0 0 10px 0} .se_why p{ font-size:14px; color:#666; line-height:27px; } .se_why p strong{ font-size:16px; } .se_why .se_why_l{ width:100%; height:auto; padding:30px 18px; margin-bottom:10px;} .se_why .se_why_r{ width:100%; padding:30px 18px; height:auto} .product_title{ display:none;} } @media only screen and (max-width:700px){ /**/ .head_phone .logo{top:20px; left:2%; width:29%;} .fangan{ height:80vh} .fangan li .fangan_text{ height:33vh; margin:0 auto} .hezuo .hezuo_dd_phone li{ width:50%; float:left; margin:0 0 5px 0} .zibg_weizhi{ width:90%; font-size: 14px; line-height: 35px; } .value li{ width:94%; margin:0 auto 10px auto; padding:0 0 8px 0; float:none;} .value li .value_pic{ width:100%;} .value li .value_p{ width:90%; margin:0 auto; font-size:14px; line-height: 25px; position:relative; right:0; top:0; padding:15px 0 0 0; } .value li .value_more{ width:90%; margin:0 auto; position:relative; right:0; top:0;} .se_about_con h2{ font-size:16px; line-height:65px;} .se_about_con i{ width:26vw; line-height:45px; font-size:15px;} .se_about_text { font-size:14px; line-height:28px;} .se_why{ width:85%; margin:0 auto 40px auto;} .se_honor h2{ font-size:6vw; padding: 0 0 0 0;} .se_honor_con{ display:none} .se_honor_con2{ display:block} .se_honor_con2 li{ width:calc(100%/2); float:left; border-right:1px solid #eee; box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 0 20px 0} .se_honor_con2 li .se_honor_pic{ width:75%; margin:30px auto 10px auto} .se_honor_con2 li .se_honor_pic img{ display:block; width:100%; } .se_honor_con2 li h3{ text-align:center; font-size:18px; color: #444; font-weight:normal; line-height:55px;} .se_news h3 a{ font-size:6vw;} .se_news_con li{ width:100%; float:none; margin:0 0 15px 0; border: 1px solid #dde0e4;padding: 0 0 10px 0;} .se_news_more{ width:130px; margin:0 auto 55px auto;} .fenye{padding: 20px 0 90px 0; } .newsnei_con li{ width:100%; position:relative; overflow:hidden; background:#fff; margin:0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;} .se_contact2 li{ font-size:3vw; color:#444} .se_contact2 strong{ font-size:5vw;} .se_pindao_text h3{ font-size:15px; line-height:35px; height:35px; color:#666; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;} .se_canshu{ font-size:2vw;} .footer{ display:none} .footer2{ display:block} .second_text{ font-size:14px;} .se_contact2 li p{ font-size:15px;} .se_contact2 strong{ margin-bottom:10px;} .se_ditu{ display:none;} .se_ditu2{ display:block;} .head{ z-index: 999999999;} } @media only screen and (max-width:680px){ /**/ } @media only screen and (max-width:500px){ /**/ .fangan{ height:80vh} .fangan li .fangan_text{ height:33vh;} } .gere .s_width{ padding:24px 0 60px 0; overflow:hidden;} .fahuo_con li{float:left; padding:0; width:313px; position:relative; overflow:hidden; background:#fff; margin:0 9px 0 0} .fahuo_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .fahuo_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .fahuo_t_l{ width:313px; height:247px; position:relative; overflow:hidden;} .fahuo_t_l a{ width:313px; height:247px; position: relative; z-index:3; display:block} .fahuo_t_l a:hover{ color:#013f96} .fahuo_t_b{ padding:21px; position:relative } .fahuo_t_b p{ font-size:16px; color:#333; line-height:20px; z-index:2; position:relative; text-align:center} .jianchi{ background:url(../images_nei/jianchibg.jpg) no-repeat center top; padding:40px 0 90px 0} .jianchi .jianchi_t{ background:url(../images_nei/jianchi_line.jpg) no-repeat center bottom; font-size:36px; color:#333333; text-align:center; line-height:75px;} .jianchi .jianchi_p{ text-align:center; font-size:15px; color:#595959; padding:30px 0; line-height:30px;} .jianchi_con{ width:1280px; position:relative; margin:20px auto 0 auto; height:384px; overflow:hidden;} .jianchi_con .jianchi_con_pic{ width:656px; height:384px; position:absolute; left:0; top:0; z-index:2} .jianchi_con .jianchi_con_text{ width:716px; height:384px; position:absolute; right:0; top:25px; background:url(../images_nei/jianchibg2.png); z-index:1} .jianchi_con .jianchi_con_text p{ padding:50px 40px 0 140px; font-size:17px; color:#505050; line-height:36px;} .jianchi_con .jianchi_more{ width:145px; height:45px; border:2px solid #0c499d; margin:40px 0 0 140px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .jianchi_con .jianchi_more a{ padding:0 0 0 20px; display:block; font-size:16px; color:#0c499d; line-height:45px; background:url(../images_nei/jjian.png) no-repeat 100px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .jianchi_con .jianchi_more:hover{ background:#0c499d; width:160px;} .jianchi_con .jianchi_more:hover a{ color:#fff; background:url(../images_nei/jjian2.png) no-repeat 110px center;} .zizhi{padding:55px 0 30px 0; overflow:hidden; background:#f5f5f5} .zizhi h2{ text-align:center; padding:0 0 40px 0} .zizhi h2 a{ font-size:36px; text-align:center; display:block; color:#303030; font-weight:normal; } .zizhi h2 p{ font-weight:normal; font-size:15px; color:#646464; line-height:35px;} .zizhi .s_width{ width:1280px; position:relative} .zizhi_con{ padding:0 0 41px 0; height:312px;} .zizhi_con li{float:left; padding:0; width:399px; height:310px; margin-bottom:10px; position:relative; overflow:hidden; background:#fff; border:1px solid #e0e0e0; border-right:0 solid #e0e0e0;} .zizhi_con li .cp_k{ text-align:center; font-size:17px; color:#424242; line-height:65px;} .zizhi_con li .cp_k a{ color:#333} .zizhi_dd{ width:1199px; position:absolute; left:50%; margin-left:-600px; height:312px; overflow:hidden;border-right:1px solid #e0e0e0} .tupian_zl{ position:absolute; left:-10px; top:130px; width:25px; height:51px; background:url(../images_nei/t_l.jpg)} .tupian_zr{ position:absolute; right:-10px; top:130px; width:25px; height:51px; background:url(../images_nei/t_r.jpg)} .chanpin_con .cp_k{position:relative; height: 58px; width: 420px;background: rgba(0,0,0,0.5); margin-top: -58px; z-index: 8888;left:0} .chanpin_con .cp_k a{ line-height: 58px; width: 420px;color: #ffffff; font-size: 15px; display: block; text-align: center;} .chanpin_con .cp_k a:hover{font-size: 17px;font-weight: bold; color: #FFFFFF;} .advantage{ width:1280px; margin:70px auto ; position:relative; height:447px;} .advantage .adv_con{ width:578px; position:absolute; left:0; top:30px; height:447px;} .advantage .adv_con .adv_t{ background:url(../images_nei/adv_bg.jpg) no-repeat left center;; height:89px;; line-height:89px; color:#2f2f2f; font-size:36px;} .advantage .adv_con p{ font-size:16px; color:#6b6b6b; line-height:36px; padding:30px 0} .adv_con_more{ width:150px; border:2px solid #013f96; line-height:45px;} .adv_con_more:hover{ width:180px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .adv_con_more a{ display:block; padding:0 0 0 15px; font-size:15px; color:#013f96; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:url(../images_nei/jjian.png) no-repeat 100px center;} .adv_con_more a:hover{ line-height:45px; color:#013f96; background:url(../images_nei/jjian.png) no-repeat 120px center;} .shipin{ width:646px; height:455px; position:absolute; right:0; top:0; background:url(../images_nei/shipinbg.jpg) no-repeat right bottom} .espcms_page_right{ position:relative} .espcms_page_right .join_back{ width:100px; margin:0 0; height:40px; line-height:40px; border:0 solid #dddddd; background:#186dbf; text-align:center; margin-bottom:50px;} .espcms_page_right .join_back a{line-height:40px; font-size:14px; color:#fff} .lng_case{ height:586px; background:url(../images_nei/lng_anli_bg.jpg) no-repeat center top;} .case_index_list{ margin:30px auto; width:1220px; height:586px;/**/ overflow:hidden;} .case_index_list ul{width:1220px; height:586px;} .case_index_list li{ width:400px; height:293px; overflow:hidden; float:left; position:relative} .case_index_list div{ position: absolute;width:400px;height:293px;background-color: #3f9dca;filter: Alpha(opacity=50);background: rgba(0,0,0,0.7);top:360px;left:0; text-align:center} .case_index_list div img{ width:53px; height:53px; } .case_index_list div a{ margin:0 auto; width:340px; line-height:66px; font-size:24px; text-decoration:none; color:#ffffff; display:block; padding:80px 0 0 0; font-weight:bold} /*fenlei_pro*/ .product{ padding:30px 0 25px 0} .product h2{ text-align:center; background:url(../images/images/chanpin_t_bg.jpg) no-repeat center top; margin-bottom:33px;} .product h2 a{ line-height:90px; display:block; font-size:36px; color:#a72a28} .product h2 a span{ color:#1463a6; padding:0 0 0 10px;} .pro{ width:1200px; overflow:hidden; margin:0 auto} .marquee2 li{ float:left; width:390px; background:#ffffff; margin:0 15px 20px 0} .marquee2 a{ text-align:center; font-size:15px; color: #333; text-decoration: none; position:relative; } .marquee2 a:hover{ text-decoration:none;text-decoration: none;} .marquee2 img{ border:1px solid #e2e2e2} .marquee2 em{ font-style: normal; text-align:center; line-height:45px; display:block; font-size:16px; color:#fff; background:#3988d0; text-transform:uppercase;} .pro_more{ width:140px; line-height:37px; margin:-15px auto 0 auto; background:#ba0707; border-radius:25px; text-align:center} .pro_more a{ color:#fff} .pro_more a:hover{ color:#fff; font-weight:bold} /*contact*/ .contact{ background:#ba0707; padding:25px 0 0 0} .contact h2{ color:#fff; font-size:18px; background:url(../images/images/lianxi_t.jpg) no-repeat left bottom; line-height:44px; width:231px; margin:0 0 0 15px;} .contact h2 a{ color:#fff; padding:0 0 0 50px;} .contact h2 a:hover{ color:#f6f3d1;} .contact h2 a span{ font-size:14px; font-weight:normal; padding:0 0 0 15px; text-transform:uppercase} .contact p{ line-height:33px; padding:10px 0 10px 60px; color:#fff; font-size:16px;} .meitu{ background:url(../images/images/meitubg.jpg) no-repeat center top; height:487px;} .meitu h2{ background:url(../images/images/meitu_t.png) no-repeat center bottom; text-align:center; font-size:24px; line-height:70px; padding:30px 0 0 0} .meitu h2 a{font-size:24px; color:#e91913; } .meitu h2 a:hover{color:#b11b17; } .cage_list{ width:1200px; margin:20px auto 10px auto; height:59px;} .cage_list li{ width:299px; float:left; text-align:center; border-right:1px solid #1c507a} .cage_list li a{height:59px; line-height:59px; font-size:15px; color:#fff; display:block; background:#163e5f; text-transform:uppercase} .cage_list li a:hover{background:#a93131; font-weight:bold; font-size:18px;} .er_add{ width:1147px; margin:30px auto 0 auto; background:url(../images/images/er_addbg2.jpg) left center; } .er_add p{ padding:0 0 0 20px; line-height:50px; font-size:18px; color:#c7aa7f; font-weight:bold} .er_cage{ width:850px; margin:30px auto 50px auto;} .er_cage li{ width:260px; float:left; margin:0 15px 0 0; border:1px solid #ccc; line-height:50px; text-align:center} .er_cage li a{ color:#2f3650; font-size:18px; line-height:50px; display:block} .er_cage li a:hover{ font-weight:bold} .er_cage_team{ width:555px; margin:30px auto 50px auto;} .er_cage_team li{ width:260px; float:left; margin:0 15px 0 0; border:1px solid #ccc; line-height:50px; text-align:center} .er_cage_team li a{ color:#2f3650; font-size:18px; line-height:50px; display:block} .er_cage_team li a:hover{ font-weight:bold} .erji{ padding:30px 0 0 0} .erji h2{ text-align:center; color:#186dbf; font-size:36px; text-transform:uppercase} .erji h2 p{ font-size:33px; color:#08912a; font-weight:bold; line-height:60px;} .erji h2 p span{ color:#ec0c41} .cage{ height:50px; padding:15px 0 70px 0; width:998px; margin:0 auto} .cage li{ width:165px; text-align:center; float:left; margin-right:1px; background:#08912a;} .cage li a{ line-height:50px; font-size:18px; color:#fff} .erji .s_width{ margin-bottom:50px;} .erji .s_width .l{width:601px; position: absolute} .erji .s_width_r{ width:458px;font-size:20px; color:#333333; font-weight:bold; position:absolute; background:url(../images/images/welcome.png) no-repeat left 30px; right:0; padding:110px 50px 0 89px; border:1px solid #ccc;} .erji .s_width_r p{ font-size:14px; color:#2d2d2d; line-height:31px; font-weight:normal; padding:20px 0 55px 0; } .erji_lv{ padding:20px 0} .erji_lv p{ line-height:35px; font-size:15px; color:#333; padding:10px 30px} .erji_lv_bg{ background:url(../images/images/lvse.jpg) no-repeat center center; height:70px;} .liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold} /*erjiyemian*/ .se_pro_con{ width:1280px; overflow:hidden; position:relative; margin:50px auto 0 auto; padding:10px 0 40px 0} .se_pro_con ul{ width:1380px; } .se_pro_con li{float:left; padding:0; width:400px; height:300px; margin-right:35px; margin-bottom:25px;position:relative; overflow:hidden; background:url(../images/jj.jpg) no-repeat center top; border:#eef2f7 1px solid; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; } .se_pro_con li:hover{ border-radius:50px;} .se_pro_con .se_pro_t_l{ width:400px; height:300px; position:relative; cursor: pointer;} .se_pro_con .se_pro_t_l a{ width:400px; height:300px; position: absolute; z-index:3; background:url(../images/p_more_bg2.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px; opacity:0} .se_pro_con .se_pro_t_l .se_pro_t_laa{opacity:1;} .se_pro_con .se_pro_t_l a span{ display:block; font-size:22px; font-weight:bold; color:#ffffff; line-height:60px; padding:90px 0 0 0; width:246px; margin:0 auto; border-bottom:1px solid #eee} .se_pro_con .se_pro_t_l a p{ width:150px; text-align:center; line-height:40px; background:#176ac1; color:#fff; font-size:16px; margin:20px auto 0 auto} .se_pro_con .se_pro_t_l img{ width:100%; position: absolute; z-index:2; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pro_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pro_con .se_pro_t_r{ width: 388px; border:1px solid #e9e9e9; border-top:0; position: relative; z-index: 1000; padding:25px 0} .se_pro_con .se_pro_t_r p{ line-height:30px; font-size:13px; color:#555555; padding:30px 20px 30px 30px; text-align:center} .se_pro_con .se_pro_t_r h4{ line-height:30px; font-size:18px; color:#555555; padding:30px 20px 30px 30px; text-align:center} .se_pro_con .se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;} .se_pro_con .se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; } .se_pro_con .se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#333 } .se_pro_con li div.cover_top{position:absolute;top:-265px;left:0;width:390px;height:265px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4) ;z-index:900; text-align:center; cursor: pointer} .se_pro_con li div.cover_top img{ width:265px; height:265px;} .se_pro_con li div.cover_bottom{position:absolute;bottom:-300px;left:0;width:400px;height:300px; background:rgba(0,0,0,0.4);z-index:2} .search-bar { position:absolute; width:950px; left:50%; margin-left:-425px; height:60px; } .search-bar input { border: none; float: left;} .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .search-bar .keywords { padding-left: 10px; width: 754px; height: 58px; line-height: 58px; font-size: 16px; border:1px solid #eee} .search-bar input[type="submit"] { width: 70px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; background:#176ac1 url(../images/se.png) no-repeat center center} .jishu_nav{ padding: 0; background:#fff;} .jishu_nav li{ width:213px; float:left; padding:40px 0 40px 0; text-align:center} .jishu_nav li:nth-child(1){padding:40px 0 40px 0;} .jishu_nav li a{ font-size:18px; color:#777; line-height:60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-right:1px solid #f2f2f2; display:block} .jishu_nav li a:hover{ color:#186dbf} .jishu_nav li.honor_li{ border-bottom:2px solid #186dbf} .jishu_nav li.honor_li a{ color:#186dbf} .shou_nav{ padding: 0; background:#fff;} .shou_nav li{ float:left; text-align:center; padding:40px 0 40px 0;} .shou_nav li a{ font-size:18px; color:#777; line-height:60px; display:block; padding:0 25px 0 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-right:1px solid #f2f2f2; display:block} .shou_nav li a:hover{ color:#186dbf} .shou_nav li.honor_li{ border-bottom:2px solid #186dbf} .shou_nav li.honor_li a{ color:#186dbf} /*p_pindao*/ .p_pindao{ background:#f5f5f5; padding:0 0 30px 0 } .p_pindao ul{ width:1280px; margin:0 auto 0 auto; } .p_pindao li{ width:620px; float:left; margin:0 20px 20px 0; background:#fff} .p_pindao_t{ padding:10px 0 0 0;width:330px;} .p_pindao_t h2{ font-size:18px; color:#333; line-height:90px; background: url(../images/pin_t_bg.png) no-repeat left top; padding:0 0 0 30px; font-weight:normal;} .p_pindao_t h3{ font-size:18px; color:#333; line-height:50px; background: url(../images/pin_t_bg.png) no-repeat left top; padding:0 0 0 30px; font-weight:normal;} .p_pindao_t .canshu{ padding:0 0 15px 30px; font-size:14px; color:#777;line-height:30px; } .p_pindao .p_pindao_more{ width:150px; background:url(../images/jian.png) no-repeat 100px center; border:1px solid #eee; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; margin-left:30px;} .p_pindao .p_pindao_more a{ font-size:14px; height:32px; line-height:32px; display:block; padding:0 0 0 10px; color:#888; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_pindao .p_pindao_more:hover{ background:#186dbf url(../images/jian2.png) no-repeat 105px center; border:1px solid #186dbf;} .p_pindao .p_pindao_more:hover a{padding-left: 20px;color:#fff; } .p_pindao_pic{ width:290px; height:200px; position:relative; overflow:hidden; } .p_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .p_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} /*se_pindao_pvd*/ .se_pindao_pvd{ background:#f5f5f5; padding:0 0 30px 0 } .se_pindao_pvd ul{ width:1280px; margin:0 auto 0 auto; } .se_pindao_pvd li{ width:410px; float:left; height:430px; margin:0 25px 20px 0; background:#fff; cursor:pointer} .se_pindao_pvd li:nth-child(3n){ margin:0 0 20px 0;} .se_pindao_pvd_t{ padding:25px 15px 0 0} .se_pindao_pvd_t h3{ font-size:17px; color:#333; line-height:70px; text-align:center; font-weight:normal;} .se_pindao_pvd_t .canshu{ padding:0 0 25px 15px; font-size:14px; color:#777;line-height:24px; } .se_pindao_pvd .se_pindao_pvd_more{ width:150px; background:url(../images/jian.png) no-repeat 100px center; border:1px solid #eee; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; margin:0 auto;} .se_pindao_pvd .se_pindao_pvd_more a{ font-size:14px; height:32px; line-height:32px; display:block; padding:0 0 0 10px; color:#888; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_pindao_pvd .se_pindao_pvd_more:hover{ background:#186dbf url(../images/jian2.png) no-repeat 105px center; border:1px solid #186dbf;} .se_pindao_pvd .se_pindao_pvd_more:hover a{padding-left: 20px;color:#fff; } .se_pindao_pvd_pic{ width:410px; height:283px; position:relative; overflow:hidden; } .se_pindao_pvd_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pindao_pvd_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} /*se_case*/ #se_case_index{ background:#fff;position:relative; background: url(../images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0} .se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; } .se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center} .se_case_index_title h2 span{ color:#ec0c41} .se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;} .se_case_index_nav ul{ height:30px;} .se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; } .se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold} .se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; } .se_ca_erji{ float:left; padding:0 0 0 10px;} .se_ca{float:left; height:30px; margin:0 5px 0 0 } .se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;} .se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0} .se_case ul{} .se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; } .se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee} .se_case_name{ width:260px; margin:0 auto; font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold} .se_case_name a{ color:#333} .se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;} .se_case_click{ float:right; color:#333; } .se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center} .se_case li div.cover_top img{ padding:95px 0 0 0} .se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900} .se_case .se_case_text{position: relative;z-index:1000;} .shangxiaye{overflow: hidden;padding: 15px 0px;} .shangxiaye li{ line-height:25px; color:#666} .shangxiaye li a{ color:#666} /*se_hangye*/ .se_hangye{ width:850px; margin:0 auto} .se_hangye ul{position:relative; padding:30px 0 0 0} .se_hangye li{ margin-bottom:20px; padding:10px; border:1px dashed #ccc; position:relative;} .se_hangye_con{ } .se_hangye_con_t{ line-height:40px; } .se_hangye_con_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#333;} .se_hangye_con_other{ font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0} .se_hangye_con_t_intro{ font-size:14px; color:#777; line-height:28px;} .se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal; padding:15px 0; text-align:center} .right_yeyue{ width:970px; height:100%; float:right;} /*erjiyemian*/ /*erjiyemian*/ .erji_title{ background:url(../images/images/p_tite.jpg) no-repeat center bottom; height:75px; line-height:75px; text-align:center; color:#474747; font-size:36px; font-weight:bold; } .erji_title span{ color:#dd1313} .erji_title_p{ line-height:32px; text-align:center; color:#555555; font-size:16px;width:1200px; margin:0 auto; padding:0 0 35px 0} .left_lx{width:257px;overflow:hidden; min-height:276px;} .left_lx .pic{ height:69px; overflow:hidden;} .left_lx .pic2{ height:42px; overflow:hidden;} .left_lx .left_lx_con{ width:250px;line-height:24px; min-height:159px; color:#fff; background:#ff7c1c url(../images/lianxibg2.jpg) repeat-x left top;} .left_lx .left_lx_con p{ padding:19px 0 0 20px;} /*.zizhi{width:250px;overflow:hidden;} .zizhi .pic{ height:56px; overflow:hidden;} .zizhi .zizhi_con{ width:250px;line-height:24px; padding-top:5px;overflow:hidden;min-height:180px; color:#fff; background:#f7f2e8 url(../images/rongyubg.jpg) repeat-x left top;} .zizhi .zizhi_con img{ margin:2px 0 0 6px; height:38px; overflow:hidden; display:block} */ .erjibg{ background:url(../images/weizhi.jpg) no-repeat left top; height:37px;line-height:37px; padding-left:35px; color:#fff} .erjibg a{ color:#fff;} .erjibg a:hover{ font-weight:bold;} .main_content{background:#FFFFFF; line-height:23px; min-height:502px; margin:0 0 10px 0; border:#c5b084 solid 1px;} .main_content .jianjie{ line-height:30px; font-size:12px; padding:30px 30px 0 30px;color:#000} .erji_con{ PADDING-top:20PX; padding-left:10px;} .tiao{ font-size:12px; padding:20px 0 20px 30px;} .tiao a{ color:#000000; text-decoration:none; font-size:12px;} .tiao a:hover{ color: #348900;} .lx p{ line-height:25px; font-size:14px; font-weight:bold;} .more{ padding:25px;} .more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;} .chanpin img{ margin:0 2px;} .list_photo2{ margin:0; width:790px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; } .list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; } .list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;} .list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; } .list_photo2 a{color:#000000;} .list_photo2 a:hover{color:#f60;} .news_t{ width:650x; text-align:left; line-height:40px; height:40px; background: url(../Images/index_1888.gif) repeat-x;text-indent:0px; margin:auto; margin-left:40px; margin-right:40px; font-size:14px;} .news_t ul{ width:650px; line-height:40px;} .news_t ul li{line-height:40px;} .news_t a {line-height:40px; color:#4a4a4a; font-size:14px; padding-left:22px; } .news_t a:hover{color:#4a4a4a; } .news_p{ width:700px; color:#999999; text-align:left; padding-left:10px; margin-bottom:20px; line-height:25px;} .news_p a{ color:#999999} .news_p a:hover{ color:#ff0000} .newslist{list-style:none;width:500px;background-color:#fff;overflow:hidden;height:500px;} .newslist .t{float:left;width:250px;} .se_erji_img img{ width:auto; margin:0 auto} /*contact page*/ .contact_left{ width:1200px; text-align:left} .contact_left strong{ display:block; font-size:24px; color:#555; line-height:55px; margin-bottom:15px;} .contact_left li{ line-height:40px; color:#555; font-size:17px; padding:10px 0 10px 55px; border-bottom:1px dashed #888} .contact_left li.on{ line-height:75px; color:#555; font-size:24px; padding:0 0 0 0; font-weight:bold} .contact_left .qq{ background:url(../images_nei/qq.png) no-repeat left 10px;} .contact_left .you{ background:url(../images_nei/you.png) no-repeat left 10px;} .contact_left .dian{ background:url(../images_nei/dian.png) no-repeat left 10px;} .contact_left .chuan{ background:url(../images_nei/chuan.png) no-repeat left 10px;} .contact_left .shou{ background:url(../images_nei/shou.png) no-repeat left 10px;} .contact_left .dizhi{ background:url(../images_nei/dizhi.png) no-repeat left 10px;} .contact_left .bian{ background:url(../images_nei/bian.png) no-repeat left 10px;} .contact_left .web{ background:url(../images_nei/web.png) no-repeat left 10px;} .contactleft_l{ width:570px; float:left; padding:0 15px; margin-bottom:45px;} .contact_right{ width:587px; text-align:left; font-size:16px; padding:0 0 0 0; } .contact_right .content{ background:#f1f1f1} .contact_right .espcms_bbs_form .title{ display:none;} .map{ width:100%; overflow:hidden;} .about_con{ background:#f5f5f5; padding:0 0 60px 0} .about_con_l{ width:600px; font-size:16px; line-height:26px; color:#444; text-indent:32px;} .about_con .s_width{font-size: 15px; line-height: 27px; color: #555;} .about_con .s_width img{ max-width:100%} /*--search modal--*/ .modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; } .modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-225px; width: 100%; background:; height:450px; } .modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; } .modal-content > div { } .modal-content input { border: none; float: left;} .modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c} .modal-content .search-logo img{ width:100%;} .modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:210px; } .modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; } .modal-content .search-tab .on { background: #fff; color: #fe0000; } .modal-content .tab-panel { display: none; } .modal-content .on { display: block; } .modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .modal-content .search-bar .keywords { padding-left: 10px; width: 750px; height: 67px; line-height: 67px; font-size: 16px; background:#eee} .modal-content .search-bar input[type="submit"] { width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#186dbf url(../images/se.png) no-repeat center center} .modal-content .search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;} .modal-content .search-close:hover { color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); } .modal-open { overflow: hidden; padding-right: 17px; } .search_cage{ width:930px; position:absolute; left:50%; margin-left:-465px; height:50px; bottom:0;} .search_cage li{ float:left; width:215px; text-align:center; line-height:50px;} .search_cage li a{ color:#dddddd; font-size:16px; text-align:center; line-height:50px;} .search_cage li a:hover{ color:#fff; font-weight:bold;} .newsnei{ padding:0px 0 0 0} .newsnei_con_zhanhui { width:1350px;} .newsnei_con_zhanhui li{float:left; padding:0; width:419px; height:323px; position:relative; overflow:hidden; background:#fff; margin:0 11px 20px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;} .newsnei_con_zhanhui li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .newsnei_con_zhanhui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .newsnei_con_zhanhui_l{ width:419px; height:323px; position:absolute; overflow:hidden; left:0; top:0} .newsnei_con_zhanhui_b{ width:419px; position:absolute; bottom:0;right:0; height:55px; } .newsnei_con_zhanhui_b i{ font-style:normal; color:#fff; display:block; line-height:55px; z-index:2; position:relative; font-size:16px; text-transform:capitalize; text-align:center; background:rgba(0,0,0,0.6)} .newsnei_list_t{ width:1280px; margin:0 auto; padding:160px 0 0 0} .newsnei_list_t h2{ font-size:26px; color:#f9ac08; font-weight:normal; line-height:35px;} .newsnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff} .newsnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0} .newsnei_list_t .s_width a{ font-size:14px; color:#fff} .customer .s_width{ overflow:hidden;} .customer .customer_l{ width:419px;} .customer li img{ width:100%;} .customer .mufahuo_dd{ width:850px; position:relative; overflow:hidden;} .customer li{float:left; padding:0; width:419px; position:relative; overflow:hidden; background:#fff; margin:0 11px 20px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;} .customer li p{ font-size:16px; color:#333; text-transform:uppercase; text-align:center; line-height:55px;} .xinwen_list{ background:#efefef; } .xinwen_list ul{ width:1280px; margin:0 auto; padding:10px 0} .xinwen_list li{ width:150px; float:left; text-align: center; margin-right:20px ; background:url(../images/images/li.png) no-repeat right center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .xinwen_list li a{ line-height:50px; font-size:16px;} .xinwen_list li:hover{ background:#06C; font-weight:bold; color:#ee800a} .xinwen_list li:hover a{color:#fff} .xinwen_list li.honor_li{ background:#06C; } .xinwen_list li.honor_li a{ color:#fff} .erji_list{width:1240px; margin:0 auto; padding:60px 0 40px 0; text-align:center } .erji_list div{ max-width:1240px; margin:0 auto} .erji_list li{ width:125px; float:left; text-align: center; border:1px solid #666; margin:0 10px 10px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .erji_list li a{ line-height:40px; font-size:15px;} .erji_list li:hover{ background:#06C; border:1px solid #06C; color:#ee800a} .erji_list li:hover a{color:#fff} .erji_list li.honor_li{ background:#06C; border:1px solid #06C;} .erji_list li.honor_li a{ color:#fff} .er_about { width:1240px; margin:0 auto; padding:0 0 20px 0} .er_about ul{ width:1280px;} .er_about li{float:left; padding:0; width:295px; height:511px; margin:0 19px 25px 0; position:relative; overflow:hidden; background:#fff; cursor:pointer;} .er_about li .p-img{ width:295px; text-align:center; position:relative; overflow:hidden } .er_about li .p-name{ line-height:30px; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee; text-transform:capitalize; padding:20px 15px 0 15px;} .er_about li .p-name span{ color:#3988d0; padding:0 0 0 15px;} .er_about li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .er_about li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .er_about p{ font-size:16px; line-height:35px; color:#666;} .er_about p span{ font-size:17px; color:#af1318;} .zibg{ background:#f2f2f2 url(../images_nei/bzig.jpg) no-repeat center -30px; padding:80px 0 0 0} .zibg_t{ width:1240px; margin:0 auto; border-bottom:1px solid #ccc; line-height:70px; background:url(../images/images/zi_icon.png) no-repeat left top;} .zibg_t h2{ font-size:36px; padding:0 0 0 40px;} .zibg_p{ text-align:center; line-height:35px; font-size:18px; color:#333; padding:40px 0 30px 0; background:url(../images/images/zi_p_bg.png) no-repeat center 30px;} .liuyan{ padding:70px 0 50px 0; background:#f5f5f5} .liu_l{ padding:0 0 30px 0; } .liu_l h3{ font-size:24px;} .liu_l h3 span{ color:#F00} .liu_l .liu_zi{ line-height:36px; font-size:16px; padding:0 0 18px 0; border-bottom:1px solid #ccc} .liu_r{ width:400px; background:url(../images_nei/ll.jpg) no-repeat left top; height:360px; padding:60px 0 0 0} .liu_r strong{ display:block; line-height:35px; font-size:18px; color:#fff; padding:0 0 0 60px;} .liu_r span{ display:block; line-height:30px; font-size:16px; color:#fff; padding:0 0 10px 60px;} .ppnei_list_t{ width:1280px; margin:0 auto; padding:180px 0 0 0} .ppnei_list_t h2{ font-size:40px; color:#fff; font-weight:normal; line-height:65px;} .ppnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff} .ppnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0} .ppnei_list_t .s_width a{ font-size:14px; color:#fff} .se_pp { width:1240px; margin:0 auto; padding:30px 0 20px 0} .se_pp ul{ width:1280px;} .se_pp li{float:left; padding:0; width:600px; height:406px; margin:0 40px 25px 0; position:relative; overflow:hidden; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_pp li .p-img{ width:314px; height:366px; text-align:center; position: absolute; overflow:hidden; left:20px; top:20px; border-right:1px solid #ededed; background:#fff} .se_pp li .p-name{ width:200px; height:406px; height:70px; position: absolute; right:30PX; top:0; } .se_pp li .p-name p{ line-height:30px; font-size:18px; color:#555; text-transform:uppercase; margin:50px 0 50PX 0} .se_pp li .p-name span{ width:118px; height:35px; background:#013f96; display:block; line-height:35px; text-align:center; color:#fff} .se_pp li .p-img img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pp li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pp p{ font-size:16px; line-height:35px; color:#666;} .se_pp p span{ font-size:17px; color:#af1318;} .se_pp li:hover{ background:#1653a8} .se_pp li:hover .p-name span{ color:#fff; background:#dd0a0a} .se_pp li:hover .p-name p{ color:#fff} .liyou{ background:#fff; padding:50px 0;} .liyou h2{ font-size:36px; color:#555; text-align:center; line-height:75px; font-weight:normal; margin-bottom:15px;} .liyou .s_width{ position:relative; overflow:hidden; width:1200px;} .liyou ul{} .liyou li{ width:282px; float:left; height:510px; margin-right:26px; background:#f5f5f5; padding:0 0 30px 0; position:relative} .liyou li .li_pic{ width:282px; height:400px; position:relative; overflow:hidden; margin:0 0 25px 0} .liyou li img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .liyou li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .liyou li .li_con{ position:absolute; bottom:15px; width:282px; left:50%; margin-left:-141px; height:109px; background:#f5f5f5; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .liyou li:hover .li_con{ height:210px; background:#1b212a} .liyou li span{ display:block; width:27px; height:1px; background:#1b212a; margin:15px 16px 0 16px;} .liyou li div{ font-size:18px; color:#363636; line-height:45px; margin:0 16px;} .liyou li p{ font-size:14px; color:#706f6f; line-height:23px; margin:0 16px;} .liyou li:hover span{ background:#777;} .liyou li:hover div{ color:#fff;} .liyou li:hover p{ color:#fff;} .liyou li:hover{ cursor:pointer} /*se_fangan*/ .se_fangan{ background:#f5f5f5; padding:0 0 30px 0 } .se_fangan ul{ width:1280px; margin:0 auto 0 auto; } .se_fangan li{ width:246px; height:343px; position:relative; float:left; margin:0 10px 10px 0;} .se_fangan_div{ width:246px; height:343px; position:absolute; z-index:2; background:rgba(0,0,0,0.25); left:0; top:0; opacity:1; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_fangan_t{ position:absolute; left:0; top:150px; z-index:3; width:100%; text-align:center; font-size:20px; color:#fff} .se_fangan li span{ width:80px; position:absolute; left:50%; margin-left:-40px; top:190px; height:2px; background:#fff; z-index:3} .se_fangan_pic{ width:246px; height:343px; position:absolute; left:0; bottom:0; z-index:1 } .se_fangan li:hover .se_fangan_div{ opacity:0} .se_fangan_pic img{ width:100%;} /*se_fangan2*/ .se_fangan2{ padding:0 0 80px 0 } .se_fangan2 ul{ width:85%; margin:0 auto 0 auto; } .se_fangan2 li{ width:calc(100%/4); position:relative; float:left; text-align:center;} .se_fangan2 li h2{ color:#1d64b7; font-size:24px; line-height:65px;} .se_fangan2 li a{ display:block; text-align:center; font-size:16px; line-height:40px; color:#555 } .se_fangan2 li a:hover{ color:#1d64b7} .se_fangan_xiangqing{ width:83%; margin:0 auto} .se_fangan_xiangqing_c{ width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;-webkit-box-sizing:border-box; padding:60px 45px;} .se_fangan_xiangqing_c h1{ font-weight:normal; text-align:center} .se_fangan_con{ border-bottom:1px solid #eee; padding:50px 0} .se_fangan_con2{ display:none;} /*.se_fangan_con h2{ font-size:20px; font-weight:normal; line-height:45px;} .se_fangan_con p{ font-size:16px; font-weight:normal; line-height:45px;}*/ .se_fangan_con_gong{ width:65%;} .se_fangan_con_gong h2{ font-size:20px; font-weight:bold; line-height:75px; color:#222} .se_fangan_con_gong p{ font-size:18px; font-weight:normal; line-height:45px; font-weight:bold;} .se_fangan_con_pic{ width:30%;} .se_fangan_con_pic img{ width:100%; max-width:600px;} .se_gongyi{} .se_gongyi li{ font-size:18px; line-height:45px; font-weight:bold; padding:0 10px; border:1px solid #ddd; float:left; margin-bottom:8px;} .se_gongyi li.g_jt{ padding:0 15px; border:1px solid #fff; background:url(../images/jiantou.png) no-repeat center center; width:60px;} .se_xiangguan{ border-bottom:1px solid #eee; padding:20px 0 40px 0; margin-bottom:50px;} .se_xiangguan h2{ font-size:20px; font-weight:bold; line-height:75px; color:#222} .se_xiangguan_dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;} .se_xiangguan_dd li{float:left;width:25%; position:relative; overflow:hidden; margin-bottom:20px; height:370px; } .se_xiangguan_dd li div{ width:95%; margin:0 auto; border:0 solid #eee; padding:0 0 10px 0} .se_xiangguan_dd a{ width:100%; display:block; overflow:hidden; text-align:center; line-height:55px; font-size:17px;} .se_xiangguan_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_xiangguan_dd li:hover img{ transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);} .se_xiangguan_dd li div p{ padding:0 10px 10px 10px; line-height:28px; font-size:14px; color:#777;} @media only screen and (max-width:1000px){ /**/ .se_fangan_con2{ border-bottom:1px solid #eee; padding:50px 0; display:block} .se_fangan_con{ display:none;} .se_fangan_con_gong2{ height:240px;} .se_fangan_con_gong2 h2{ font-size:17px; font-weight:bold; line-height:75px; color:#222} .se_fangan_con_gong2 p{ font-size:18px; font-weight:normal; line-height:45px; font-weight:bold;} .se_fangan_con_pic2{ } .se_fangan_con_pic2 img{ width:100%; max-width:600px;} .se_gongyi li{ font-size:15px; font-weight:normal; line-height:35px; padding:0 10px; border:1px solid #ddd; float:left; margin-bottom:8px;} .se_xiangguan_dd li{ width:50%; height:auto;} .se_xiangguan_dd li div p{ display:none;} .se_xiangguan h2{ font-size:17px; } .se_fangan_xiangqing_c{ padding:60px 15px;} .se_xiangguan_dd li div{border:1px solid #eee;} .se_xiangguan_dd a{ font-size:14px;} } .se_shouhou{ width:83%; margin:0 auto; line-height:35px; padding:60px 0} .in_banner{ width:100%; position: relative; z-index: 1; overflow:hidden; } .in_banner img{ position: absolute; left:0; top:0; opacity: 0; width:100%; } .in_banner .nextbanner{ position:absolute; height:100px; width:32px; right:30px; top:50%; margin-top:-20px; background:url(../images/right.png) no-repeat center; cursor:pointer; } .in_banner .nextbanner:hover{ background:url(../images/right_h.png) no-repeat center; } .in_banner .prebanner{ position:absolute; height:100px; width:32px; left:30px; top:50%; margin-top:-20px; background:url(../images/left.png) no-repeat center; cursor:pointer; } .in_banner .prebanner:hover{ background:url(../images/left_h.png) no-repeat center; } .se_fuwu{ width:80%; margin:0 auto; padding:80px 0; font-size:17px; line-height:55px; font-weight:bold; color:#3174c3} .se_fuwu h3{ text-align:center; font-weight:normal; font-size:36px; color:#176aae; line-height:95px;} .se_fuwu .se_fuwu_line{ width:102px; height:1px; background:#176aae; margin:0 auto 90px auto} .se_fuwu_three{ margin:35px auto 0 auto} .se_fuwu2{ display:none;} /* .se_fuwu_three li{ width:calc(100%/3); float:left;} .se_fuwu_three li .se_fuwu_three_li{ border:1px solid #eaeaea; width:86%; margin:0 auto; position:relative; text-align:center; height:500px;} .se_fuwu_three li .se_fuwu_three_li span{ display:block; width:70px; height:66px; position:absolute; left:0; top:0} .se_fuwu_three li .se_fuwu_three_li img{ width:100%; max-width:375px;} .se_fuwu_three li .se_fuwu_three_li h4{ font-size:24px; color:#393939} .se_fuwu_three li .se_fuwu_three_li p{ font-size:15px; color:#7f7f7f; font-weight:normal; line-height:25px; margin:10px auto 0 auto; width:75%;} */ .se_fuwu_one{ width:95%; margin:0 auto; background:#f0f0f0; position:relative; height:512px;} .se_fuwu_one .se_fuwu_one_pic{ flex: 0 0 50%;} .se_fuwu_one .se_fuwu_one_pic_bg{ height:512px; background:url(../images/fu_a.jpg) no-repeat center top;} .se_fuwu_one .se_fuwu_one_text{ height:153px; width:38%; background:url(../images/ff_01.png) no-repeat left top; box-sizing:border-box; padding:0 0 0 120px; position:absolute; right:50px; top:50%; margin-top:-75px; } .se_fuwu_one .se_fuwu_one_text h4{ font-size:30px; color:#333; line-height:45px;} .se_fuwu_one .se_fuwu_one_text p{ font-size:18px; color:#5e5e5e; line-height:28px; font-weight:normal; text-indent: 36px;} .se_fuwu_two{ width:95%; margin:0 auto 0 auto; background:#f0f0f0; position:relative; justify-content: flex-end;} .se_fuwu_two .se_fuwu_two_pic{ flex: 0 0 50%;} .se_fuwu_two_pic_bg{ height:512px; background:url(../images/fu_b.jpg) no-repeat center top;} .se_fuwu_two .se_fuwu_two_text{ height:153px; width:38%; background:url(../images/ff_02.png) no-repeat left top; box-sizing:border-box; padding:0 0 0 120px; position:absolute; left:85px; top:50%; margin-top:-75px;} .se_fuwu_two .se_fuwu_two_text h4{ font-size:30px; color:#333; line-height:45px;} .se_fuwu_two .se_fuwu_two_text p{ font-size:18px; color:#5e5e5e; line-height:28px; font-weight:normal; text-indent: 36px;} .se_fuwu_three{ width:95%; margin:0 auto; background:#f0f0f0; position:relative; height:512px;} .se_fuwu_three .se_fuwu_three_pic{ flex: 0 0 50%;} .se_fuwu_three .se_fuwu_three_pic_bg{ height:512px; background:url(../images/fu_c.jpg) no-repeat center top;} .se_fuwu_three .se_fuwu_three_text{ height:153px; width:38%; background:url(../images/ff_03.png) no-repeat left top; box-sizing:border-box; padding:0 0 0 120px; position:absolute; right:50px; top:50%; margin-top:-75px; } .se_fuwu_three .se_fuwu_three_text h4{ font-size:30px; color:#333; line-height:45px;} .se_fuwu_three .se_fuwu_three_text p{ font-size:18px; color:#5e5e5e; line-height:28px; font-weight:normal; text-indent: 36px;} .se_fuwu_four{ width:95%; margin:0 auto 0 auto; background:#f0f0f0; position:relative; justify-content: flex-end;} .se_fuwu_four .se_fuwu_four_pic{ flex: 0 0 50%;} .se_fuwu_four_pic_bg{ height:512px; background:url(../images/fuwu_d.jpg) no-repeat center top;} .se_fuwu_four .se_fuwu_four_text{ height:153px; width:38%; background:url(../images/f_04.png) no-repeat left top; box-sizing:border-box; padding:0 0 0 120px; position:absolute; left:85px; top:50%; margin-top:-75px;} .se_fuwu_four .se_fuwu_four_text h4{ font-size:30px; color:#333; line-height:45px;} .se_fuwu_four .se_fuwu_four_text p{ font-size:18px; color:#5e5e5e; line-height:28px; font-weight:normal; text-indent: 36px;} .se_fuwu_five{ width:95%; margin:0 auto; background:#f0f0f0; position:relative; height:512px;} .se_fuwu_five .se_fuwu_five_pic{ flex: 0 0 50%;} .se_fuwu_five .se_fuwu_five_pic_bg{ height:512px; background:url(../images/fuwu_e.jpg) no-repeat center top;} .se_fuwu_five .se_fuwu_five_text{ height:153px; width:38%; background:url(../images/f_05.png) no-repeat left top; box-sizing:border-box; padding:0 0 0 120px; position:absolute; right:50px; top:50%; margin-top:-75px; } .se_fuwu_five .se_fuwu_five_text h4{ font-size:30px; color:#333; line-height:45px;} .se_fuwu_five .se_fuwu_five_text p{ font-size:18px; color:#5e5e5e; line-height:28px; font-weight:normal; text-indent: 36px;} .se_ff{ height:294px; width:100%; background:url(../images/ff.jpg) no-repeat center top; text-align:center; box-sizing:border-box; padding:60px 0 0 0} .se_ff h3{ font-size:33px; color:#ffffff; line-height:95px;} .se_ff p{ font-size:24px; color:#ffffff; width:40%; margin:0 auto; line-height:45px; border:1px solid rgba(255,255,255,0.2)} .se_fuwu_huoban{ width:85%; margin:70px auto; } .se_fuwu_huoban h3{ font-size:30px; line-height:85px; color:#333; text-align:center; font-weight:normal; padding:0 0 30px 0} .se_fuwu_huoban img{ max-width:1300px; width:100%;} /*تض»ْµ×²؟*/ .phone_footer{width: 100%; height: 70px; background: #023f98; left: 0; right: 0; position: fixed; z-index: 99999; bottom: 0; display:none;} .phone_footer ul{} .phone_footer li{width: 25%;float: left;padding: 10px 0;text-align: center;color: #fff;} .phone_footer li a{color: #fff;font-size: 14px;display: block;} .phone_footer li a img{width: 30px;height: 30px;margin-bottom: 5px;} .phone_footer li:nth-child(1){background: #525252;} @media only screen and (max-width:1000px){ /**/ .phone_footer{ display:block;} .se_fuwu{ display:none} .se_fuwu2 { width:95%; padding: 40px 0; display:block} .se_fuwu2 h3{ font-size:17px; line-height:55px; text-align:center; color:#176aae;font-weight:normal;} .se_fuwu2 .se_fuwu_line{ margin:0 auto 25px auto; width:100px; height:1px; } .se_fuwu2_con{ width:80%; margin:0 auto} .se_fuwu2_con_title_a{ background:url(../images/ff_01.png) no-repeat left center; padding:15px 0; margin-bottom:10px;} .se_fuwu2_con h4{ font-size:17px; line-height:28px; padding:0 0 0 55px; color:#555} .se_fuwu2_con p{ font-size:15px; line-height:24px; padding:0 0 0 55px; color:#666} .se_fuwu2_pic{ text-align:center; padding:0 0 25px 0} .se_fuwu2_pic img{ width:100%;} .se_fuwu2_con_title_b{ background:url(../images/ff_02.png) no-repeat left center; padding:15px 0; margin-bottom:10px;} .se_fuwu2_con_title_c{ background:url(../images/ff_03.png) no-repeat left center; padding:15px 0; margin-bottom:10px;} .se_fuwu2_con_title_d{ background:url(../images/f_04.png) no-repeat left center; padding:15px 0; margin-bottom:10px;} .se_fuwu2_con_title_e{ background:url(../images/f_05.png) no-repeat left center; padding:15px 0; margin-bottom:10px;} .bg_size{ background-size:5%;} .se_ff h3{ font-size:16px;} .se_ff p{ font-size:14px; line-height:35px; padding:0 5px;} } @media only screen and (max-width:800px){ /**/ .bg_size{ background-size:6%;} } @media only screen and (max-width:700px){ /**/ .bg_size{ background-size:8%;} } .picScroll{} .picScroll .bd ul{ width:100%; float:left; padding:0 0 10px 0px;} .picScroll .bd li{display: inline-block; text-align: center; vertical-align: middle; width: 50%; float: left; padding-top:20px;} .picScroll .bd li img{ width:100%;} .picScroll .bd li div{ height:30px; overflow:hidden; background-color: #fff; color:#333;} .picScroll .bd li a { display: block; overflow: hidden; border: 1px solid #eaeaea; box-sizing: border-box; background:#fff; color:#fff; font-weight:normal; line-height:34px; width: 94%; margin: 0 3%; } .honor_dd_phone .picScroll .bd ul{ width:100%; float:none; padding:0 0 10px 0px;} .honor_dd_phone .picScroll .bd li{display: inline-block; text-align: center; vertical-align: middle; width: 33%; float: left; padding-top:10px;} .picScroll .hd{ height:40px; line-height:40px; overflow:hidden; text-align:left; padding:0 10px 0 2px; width:26.9%; margin:0 auto} .picScroll .hd ul{ float:right; padding-top:16px;} .picScroll .hd li{ float:left; width:8px; height:8px; background:#BDBDBD; margin:0 3px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} .picScroll .hd .on{ background:#d41438; } .picScroll .prev,.picScroll .next{ display:block; float:right; width:18px; height:18px; background:url(../images/pisScrollIcons2--.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; } .picScroll .next{ background-position:-34px -7px; } .picScroll .prevStop{ background-position:-6px -40px; } .picScroll .nextStop{ background-position:-34px -40px; }